import React, { Component } from 'react'
import { Layout, Menu } from 'antd';
import { UploadOutlined, UserOutlined, VideoCameraOutlined } from '@ant-design/icons';
const { Sider } = Layout;
export default class sideMenu extends Component {
    class SiderDemo extends React.Component {
        state = {
          collapsed: false,
        };
      
        toggle = () => {
          this.setState({
            collapsed: !this.state.collapsed,
          });
        };
    render() {
        return (
            <div>
                  <Sider trigger={null} collapsible collapsed={this.state.collapsed}>
          <div className="logo" />
          <Menu theme="dark" mode="inline" defaultSelectedKeys={['1']}>
            <Menu.Item key="1" icon={<UserOutlined />}>
              nav 1
            </Menu.Item>
            <Menu.Item key="2" icon={<VideoCameraOutlined />}>
              nav 2
            </Menu.Item>
            <Menu.Item key="3" icon={<UploadOutlined />}>
              nav 3
            </Menu.Item>
          </Menu>
        </Sider>
            </div>
        )
    }
}
